<?php
if (!isset($_SESSION)) { session_start(); }
include("includes/db.conn.php");
include("includes/conf.class.php");
$bsiCore->exchange_rate_update();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="css/nrs.css" rel="stylesheet" type="text/css" />
    
    <!--calander str-->
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <!--calander end-->
    <!--calander str-->
	<!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
    <!-- Prettify -->
    <link href="css/prettify.css" rel="stylesheet">
    
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

    <script>
        $(function() {
            $("#datepicker_form").datepicker({
                showOn: "button",
                buttonImage: "images/calander.png",
                buttonImageOnly: true,
                changeMonth: true,
                changeYear: true,                
				onClose: function( selectedDate ) {
				$( "#datepicker_to" ).datepicker( "option", "minDate", selectedDate );
				$("#datepicker_form").css({"border-top": "1px solid #7d7d7d"});
				$("#datepicker_form").css({"border-left": "1px solid #7d7d7d"});
				$("#datepicker_form").css({"border-right": "1px solid #7d7d7d"});
				$("#datepicker_form").css({"border-bottom": "1px solid #cccccc"});				
				}
            });
        });

        $(function() {
            $("#datepicker_to").datepicker({
                showOn: "button",
                buttonImage: "images/calander.png",
                buttonImageOnly: true,
                changeMonth: true,
                changeYear: true,                
				onClose: function( selectedDate ) {
				$("#datepicker_to").css({"border-top": "1px solid #7d7d7d"});
				$("#datepicker_to").css({"border-left": "1px solid #7d7d7d"});
				$("#datepicker_to").css({"border-right": "1px solid #7d7d7d"});
				$("#datepicker_to").css({"border-bottom": "1px solid #cccccc"});
				}
            });
        });
    </script>

    <!--calander end-->
    <!--nice scroll str.-->
    <!--<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>-->

    <script src="js/jquery.nicescroll.min.js"></script>

    <script>
		
        $(document).ready(function() {
			$("#loading").hide();
			$("#contentleft1").niceScroll({ touchbehavior: false, cursorcolor: "#cc6666", cursoropacitymax: 1, cursorwidth: 5, cursorborder: 0 });
            $(".content").niceScroll({ touchbehavior: false, cursorcolor: "#cc6666", cursoropacitymax: 1, cursorwidth: 5, cursorborder: 0 });
            $(".content1").niceScroll({touchbehavior:false,cursorcolor:"#cc6666",cursoropacitymax:1,cursorwidth:5, cursorborder:0});
			//$(".content4").niceScroll({touchbehavior:false,cursorcolor:"#cc6666",cursoropacitymax:1,cursorwidth:5, cursorborder:0}); 
			$(".galimg").click(function(){
			$("#bigimg").attr("src",$(this).attr("alt"));
			$("#floorplanimg").attr("src",$(this).attr("alt"));
			$(this).addClass("select")
			})
			
            //$(".galimg").click(function() {
//                $("#bigimg").attr("src", $(this).attr("alt"));
//                $("#floorplanimg").attr("src", $(this).attr("alt"));
//                $(this).addClass("select")
//            })
        });  
    </script>

  <script src="js/owl.carousel.js"></script>
    <script>	
    $(document).ready(function() {
      $(".owl-demo").owlCarousel({
        autoPlay: 3000,
        items :1,
		// Navigation
		navigation : true,
		navigationText : ["",""],
		rewindNav : true,
		scrollPerPage : false,
		 pagination : true,
        itemsDesktop : [1199,1],
        itemsDesktopSmall : [979,1]
      });
	  
	  

    });
    </script>
   	
    
    <!--slider end-->
    <script type="text/javascript" src="js/ddaccordion.js"></script>

    <script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript">
      function hidemap_cancelbooking()
				{
				    document.getElementById('div_cancel_booking').style.display = "none"; 
				}
				
		function cancelbooking()
				{
				    document.getElementById('div_cancel_booking').style.display = "block"; 
				}
				
	    function hidemap_div_otp()
				{
				    document.getElementById('div_otp').style.display = "none"; 
				}
				
		function div_otp1()
				{
				    document.getElementById('div_otp').style.display = "block"; 
				}
				
				
		function hidemap_review()
				{
				    document.getElementById('div_review').style.display = "none"; 
				}
				
		function review()
				{
				    document.getElementById('div_review').style.display = "block"; 
				}
		function hidemap_descp()
				{
				    document.getElementById('div_descp_popup').style.display = "none"; 
				}
				
		function descp()
				{
				    document.getElementById('div_descp_popup').style.display = "block"; 
				}
		function hidemap_booking_failure()
				{
				    document.getElementById('div_booking_failure_popup').style.display = "none"; 
				}
				
		function hidemap_saveorders()
				{
				    document.getElementById('div_saveorders').style.display = "none"; 
				}
				
		function saveorders()
				{
				    document.getElementById('div_saveorders').style.display = "block"; 
				}
				
		function hidemap_abouthotel()
				{
				    document.getElementById('div_abouthotel').style.display = "none"; 
				}
				
		function abouthotel()
				{
				    document.getElementById('div_abouthotel').style.display = "block"; 
				}										
	</script>
    <link rel="stylesheet" href="validationengine/validationEngine.jquery.css" type="text/css"/>
		
	<script src="validationengine/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
	</script>
	<script src="validationengine/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
	</script>
	<script>
		jQuery(document).ready(function(){
			// binds form submission and fields to the validation engine
			jQuery("#personal_details").validationEngine();	
			
			$('#cancelbooking').submit(function(e) {							
				e.preventDefault();
                var vars = $("#cancelbooking").serialize();
				var bookingid=$("#booking_id").val();
				if(jQuery("#cancelbooking").validationEngine('validate'))
				{
					 $.ajax({
					   type: "POST",
					   url: 'cancel_booking.php',
					   data: vars, // serializes the form's elements.
					   success: function(data)
					   {
						   if(data=='yes')
						   {
							   $('#div_cancel_booking').hide();
							   $('#div_otp').show();
							   $('#otp_booking_id').attr('value',bookingid);
						   }
						   else
						   {
							   $('#wrongdetails').html('Details entered are wrong');
						   }
						   
					   }
					 });
					 return false;
				}
			});
			$('#otpform').submit(function(e) {							
				e.preventDefault();
                var vars = $("#otpform").serialize();
				//alert(vars);
				if(jQuery("#otpform").validationEngine('validate'))
				{
					 $.ajax({
					   type: "POST",
					   url: 'identify_otp.php',
					   data: vars, // serializes the form's elements.
					   success: function(data)
					   {
						   if(data=='no')
						   {
							   $('#wrongotp').html('Details entered are wrong');
						   }
						   else
						   {
						  	$('#candiv').html(data);
						   }
						   
					   }
					 });
					 return false;
				}
			});
			
			
					
		});
		
	</script>
    
    <?php include 'jquery_ajax.php'; ?>
    
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
.trans {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
   left: expression( (0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
 height:100%; width:100%; background-color:#fffff; -moz-opacity: 0.8; opacity:.50; filter: alpha(opacity=50); position: absolute; z-index:11;
}
.popupregister {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
   left: expression( (0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  width:100%;  filter: alpha(opacity=100); position: absolute; z-index:12; margin-top:50px;
}
</style>
<![endif]>
<![endif]-->
</head>
<body>
<div id="loading"><img src="images/loader_img.gif" /></div>
<!--pop abouthotel str.-->
<div id="div_abouthotel" style="display:none;">
        <div class="trans">
        </div>
        <div class="popupregister">
       <div class="main_pop"><div class="close_btn right"><a href="javascript:hidemap_abouthotel();" title="close">
         <img src="images/cancel_btn1.png" title="Close" alt="Close" height="13" width="45" border="0"/></a></div>
         <table width="804" border="0" cellspacing="0" cellpadding="0">
            <tr>
            	<td align="right" class="cancelbgtop">
                <div class="headleft col">About the Hotels</div>
                </td>
            </tr>
            <tr>
       	<td class="cancelbg_middle">
                	<div style="width:738px; margin:25px 0 25px 28px;">
                    	<?php echo $bsiCore->getAboutHotel($_REQUEST['hotelname']);?></div>
            </td>
            </tr>
            <tr>
            	<td class="cancelbg_bottom"></td>
            </tr>
        </table>
   
        </div>
    </div>
</div>
<!--pop abouthotel end.-->

<!--pop saveorders str.-->
<div id="div_saveorders" style="display:none;">
        <div class="trans">
        </div>
        <div class="popupregister">
       <div class="main_pop"><div class="close_btn right"><a href="javascript:hidemap_saveorders();" title="close">
         <img src="images/cancel_btn1.png" title="Close" alt="Close" height="13" width="45" border="0"/></a></div>
         <table width="804" border="0" cellspacing="0" cellpadding="0">
            <tr>
            	<td align="right" class="cancelbgtop">
                <div class="headleft col">
                View Saved Orders</div>
                </td>
            </tr>
            <tr>
       	<td class="cancelbg_middle">
                	<div style="width:738px; margin:25px 0 25px 28px;">
                        <?php if(isset($_SESSION['booking'])) { ?>
                        <table border="0" cellspacing="0" cellpadding="0">                        
<tr>
<td height="32" align="left" valign="top">
<table width="738" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="28" bgcolor="#cccccc"><h2 style="padding-left:12px;"><?php echo $bsiCore->getHotelAddress($_REQUEST['hotelname']); ?><span class="right red">Total Price <?php   echo $bsiCore->getSavedTotalPrice($_SESSION['booking']); ?>/-</span></h2></td>
</tr>
<tr>
<td height="2" bgcolor="#fafafa"></td>
</tr>
<tr>
<td height="33" align="left" valign="top" bgcolor="#dddddd">
<?php if(isset($_SESSION['booking'])) echo $bsiCore->getSavedOrder($_SESSION['booking']);?>
</td>
</tr>
<tr>
<td height="104" align="left" valign="top">
<table width="738" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70%"><h3>&nbsp;</h3></td>
<td width="30%" align="right"><h3><img src="images/btn_booknow.png" width="105" height="26" alt="" /></h3>
</td>
</tr>
<tr>
<td height="2" colspan="2"></td>
</tr>
</table>
<?php } else { echo 'No Booking Saved'; } ?>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td height="13">&nbsp;</td>
</tr>
</table>
</td>
</tr>
                        </table>
			</div>
            </td>
            </tr>
            <tr>
            	<td class="cancelbg_bottom"></td>
            </tr>
        </table>
   
        </div>
    </div>
</div>
<!--pop saveorders end.-->


<!--pop review str.-->
<div id="div_review" style="display:none;">
        <div class="trans">
        </div>
        <div class="popupregister">
       <div class="main_pop"><div class="close_btn right"><a href="javascript:hidemap_review();" title="close">
         <img src="images/cancel_btn1.png" title="Close" alt="Close" height="13" width="45" border="0"/></a></div>
         <table width="804" border="0" cellspacing="0" cellpadding="0">
            <tr>
            	<td align="right" class="cancelbgtop">
                <div class="headleft col">
                My Hotels &nbsp;&nbsp;&nbsp;<img src="images/star.png" align="absmiddle" alt="" title="" /><img
                    src="images/star.png" align="absmiddle" alt="" title="" /><img src="images/star.png"
                        align="absmiddle" alt="" title="" /><img src="images/star.png" align="absmiddle"
                            alt="" title="" /><img src="images/star.png" align="absmiddle" alt="" title="" />&nbsp;&nbsp;&nbsp;<img
                                src="images/blue-arrow.png" align="absmiddle" alt="" title="" />&nbsp;&nbsp;<span>About
                                    the Hotels</span></div>
                	<div class="nav2 right">
                    	<ul>
                        	<li><a href="#">Add New Booking</a></li>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
       	<td class="cancelbg_middle">
                	<div style="width:738px; margin:25px 0 25px 28px;">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="820" height="32" align="left" valign="top"><h2>Review Cancellation & Confirm</h2></td>
                            </tr>
<tr>
<td height="32" align="left" valign="top">
<table width="738" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="33" bgcolor="#cccccc"><h2 style="padding-left:12px;">My Hotels, Mumbai, Maharashtra, India</h2></td>
</tr>
<tr>
<td height="2" bgcolor="#fafafa"></td>
</tr>
<tr>
<td height="33" align="left" valign="top" bgcolor="#dddddd">
<table width="738" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="240" align="center"><h3>Booking ID :  CRT0000084762</h3></td>
<td width="2" align="center"><img src="images/review_divider.jpg" width="2" height="33" alt="" /></td>
<td width="240" align="center"><h3>Checkin Fri, 06 Mar, 2014</h3></td>
<td width="2" align="center"><img src="images/review_divider.jpg" width="2" height="33" alt="" /></td>
<td width="240" align="center"><h3>Checkout Sat, 07 Mar, 2014</h3></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="38" align="left" valign="bottom">
<table width="738" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70%"><h3><strong>Room</strong></h3></td>
<td width="30%"><h3><strong>Status</strong></h3></td>
</tr>
<tr>
<td height="20" colspan="2" class="hdivider"></td>
</tr>
<tr>
<td height="19"><h2>2 x Luxury Non A/C Double</h2></td>
<td><h2>Confirmed</h2></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="hdivider"></td>
</tr>
<tr>
<td height="38">
<p>We will be able to tell you the exact refund amount only after our customer service chaps get in touch with the hotel. You may want to take a look at the hotel booking ploicy if you want to figure this out yourself. The refund will be credited bank to your card# 3455 7822 xxxx 5664<br /><br />

<strong>Do you want to proceed with the cancellation?</strong></p>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><a href="#"><img src="images/but_yescancle.png" width="172" height="31" alt="" align="absmiddle" /></a>&nbsp;&nbsp;<strong class="or">or</strong>&nbsp;&nbsp;<a href="#" class="roomtype">No, i don't want to cancel</a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
                        </table>
			</div>
            </td>
            </tr>
            <tr>
            	<td class="cancelbg_bottom"></td>
            </tr>
        </table>
   
        </div>
    </div>
</div>
<!--pop review end.-->


<!--pop cancelbooking str.-->
<div id="div_cancel_booking" style="display:none">
        <div class="trans">
        </div>
        <div class="popupregister">
       <div class="main_pop"><div class="close_btn right">  <a href="javascript:hidemap_cancelbooking();" title="close">
         <img src="images/cancel_btn1.png" title="Close" alt="Close" height="13" width="45" border="0"/></a></div>
         <table width="804" border="0" cellspacing="0" cellpadding="0">
            <tr>
            	<td align="right" class="cancelbgtop">
                	<div class="nav2 right">
                    	<ul>
                        	<li><a href="#">Add New Booking</a></li>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
       	<td class="cancelbg_middle">
                	<div style="width:738px; margin:25px 0 25px 28px;">
                    <div id="wrongdetails" class="red"></div>                    
                    <form id="cancelbooking" method="post" class="formular">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="32" colspan="5" align="left" valign="top"><h2>Cancel Your Booking</h2></td>
                            </tr>
<tr>
<td height="32" colspan="5" align="left" valign="top"><p>Enter your Booking ID and Email ID in the form below.</p></td>
</tr>
<tr>
<td width="232" align="left" valign="middle"><input name="booking_id" id="booking_id" type="text" class="cancelinput validate[required]" placeholder="Booking ID" /></td>
<td width="20" align="left" valign="middle">&nbsp;</td>
<td width="232" align="left" valign="middle">
<input name="email" type="text" class="cancelinput validate[required,custom[email]]" placeholder="Email ID"/>
</td>
<td width="20" align="left" valign="middle">&nbsp;</td>
<td width="316" align="left" valign="top"><input type="submit" value="" style="background:url(images/but_cancelbooking.png); width:213px; height:38px; cursor:pointer"/></td>
</tr>
                        </table>
               </form>         
			</div>
            </td>
            </tr>
            <tr>
            	<td class="cancelbg_bottom"></td>
            </tr>
        </table>
   
        </div>
    </div>
</div>
<!--pop cancelbooking end.-->

<!--Enter OTP Starts-->
<div id="div_otp" style="display:none">
        <div class="trans">
        </div>
        <div class="popupregister">
       <div class="main_pop"><div class="close_btn right">  <a href="javascript:hidemap_div_otp();" title="close">
         <img src="images/cancel_btn1.png" title="Close" alt="Close" height="13" width="45" border="0"/></a></div>
         <table width="804" border="0" cellspacing="0" cellpadding="0">
            <tr>
            	<td align="right" class="cancelbgtop">
                	<div class="nav2 right">
                    	<ul>
                        	<li><a href="#">Add New Booking</a></li>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
       	<td class="cancelbg_middle">
                	<div style="width:738px; margin:25px 0 25px 28px;" id="candiv">
                    <div id="wrongotp" class="red"></div>
                    <form id="otpform" method="post" class="formular">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="32" colspan="5" align="left" valign="top"><h2>Cancel Your Booking</h2></td>
                            </tr>
<tr>
<td height="32" colspan="5" align="left" valign="top"><p>Enter Valid OTP.</p></td>
</tr>
<tr>
<td width="232" align="left" valign="middle"><input name="otp" type="text" class="cancelinput validate[required]" placeholder="Enter One Time Password
" /><input type="hidden" name="booking_id" id="otp_booking_id" /></td>

<td width="20" align="left" valign="middle">&nbsp;</td>
<td width="316" align="left" valign="top"><input type="submit" value="Validate" style="cursor:pointer"/></td>
</tr>
                        </table>
               </form>         
			</div>
            </td>
            </tr>
            <tr>
            	<td class="cancelbg_bottom"></td>
            </tr>
        </table>
   
        </div>
    </div>
</div>
<!--Enter OTP Ends.-->






<!--Description popup start-->
<div id="div_descp_popup" style="display:none">
        <div class="trans">
        </div>
        <div class="popupregister">
       <div class="main_pop"><div class="close_btn right">  <a href="javascript:hidemap_descp();" title="close">
       <img src="images/cancel_btn1.png" title="Close" alt="Close" height="13" width="45" border="0"/></a></div>
         <table width="738" border="0" cellspacing="0" cellpadding="0">
            <tr>
           	<td align="right" class="cancelbgtop"><div class="headleft col">Description</div>
            </td>
            </tr>
            <tr>
       	<td class="cancelbg_middle">
<div style="width:804px; margin:25px 0 25px 28px;">
                        <table border="0" cellspacing="0" cellpadding="0" width="745">
                            
							<tr>
                            	<td>
                                	<div id="room_description_text">
                                    </div>
                                </td>
                            </tr>
                        </table>
			</div>
            </td>
         </tr>
            <tr>
            	<td class="cancelbg_bottom"></td>
            </tr>
        </table>
   
        </div>
    </div>
</div>
<!--Description popup end-->

<!--Booking Failure start-->
<div id="div_booking_failure_popup" style="display:none">
        <div class="trans">
        </div>
        <div class="popupregister">
       <div class="main_pop"><div class="close_btn right">  <a href="javascript:hidemap_booking_failure();" title="close">
         <img src="images/cancel_btn1.png" title="Close" alt="Close" height="25" width="25" border="0"/></a></div>
         <table width="804" border="0" cellspacing="0" cellpadding="0">
            <tr>
            	<td align="right" class="cancelbgtop">&nbsp;
                	
                </td>
            </tr>
            <tr>
       	<td class="cancelbg_middle">
                	<div style="width:738px; margin:25px 0 25px 28px;">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="32"  align="left" valign="top"><h2>Booking Failure</h2></td>
                            </tr>
							<tr>
                            	<td>
                                	<p>Somebody else already acquire the reservation lock on room specified by you. Reservation lock will be automatically released after few minutes on booking completion or failure by the other persons. Please modify your search criteria and try again.</p>                                    
                                </td>
                            </tr>
                        </table>
			</div>
            </td>
            </tr>
            <tr>
            	<td class="cancelbg_bottom"></td>
            </tr>
        </table>
   
        </div>
    </div>
</div>
<!--Booking Failure end-->
<?php
	$currentFile = $_SERVER["PHP_SELF"];
    $parts = Explode('/', $currentFile);
    $path= $parts[count($parts) - 1];	
	if($path=='index.php')
			{
				$id='main';
			}
			elseif($path=='personal_info.php')
			{
				$id='main2';
			}
?>
   <div id="<?php echo $id; ?>">
        <div id="header">
            <div class="headleft col">
                <?php echo $_REQUEST['hotelname']; ?> &nbsp;&nbsp;&nbsp;<img src="images/star.png" align="absmiddle" alt="" title="" /><img
                    src="images/star.png" align="absmiddle" alt="" title="" /><img src="images/star.png"
                        align="absmiddle" alt="" title="" /><img src="images/star.png" align="absmiddle"
                            alt="" title="" /><img src="images/star.png" align="absmiddle" alt="" title="" />&nbsp;&nbsp;&nbsp;<img
                                src="images/blue-arrow.png" align="absmiddle" alt="" title="" />&nbsp;&nbsp;<span><a href="javascript:abouthotel();" class="about">About
                                the Hotels</a></span></div>
            <div class="headright right">
        	<div id="nav" class="right">
            	<ul>
                	<!--<li><a href="#">All Offers</a></li> -->
                    <li><a href="javascript:saveorders();">View Saved Orders</a></li>
                    <li style="padding-left:37px;">
                    <select name="">
                        <option><img src="images/english_icon.jpg" alt="" title="" />English</option>
                        <option>English11</option>
                        <option>English111</option>
                    </select>
                    </li>
                </ul>
            </div>
        </div>
        </div>